<?php
echo $this->loadJs();
echo $this->loadCss();
echo $this->headScript()->appendFile($this->baseUrl() . "/js/admin/dashboard/tablero.js")
        ->appendFile($this->baseUrl() . "/js/dx.chartjs.js")
        ->appendFile($this->baseUrl() . "/js/globalize.min.js")
//        ->appendFile($this->baseUrl() . "/js/knockout-2.2.1.js")
        ->appendFile($this->baseUrl() . "/js/sglide.js");
?>
<style type="text/css">
    .hidden_div
    {        
        display: none;
    }
    .slider_bar {

        background-color: #C2E0FF;
    }
</style>
<h3>Recursos reservados</h3>


<div id="info-dashboard" class="container-fluid">
    <div class="row-fluid">
        <div class="span6"><strong id="total_memory"></strong><br/>
        </div>
        <div class="row-fluid">
            <strong id="total_cpu"></strong>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Domingo</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="cpu0"></div>
            </div>
            <div class="row-fluid">
                <div id="mem0"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Lunes</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="cpu1"></div>

            </div>
            <div class="row-fluid">
                <div id="mem1"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Martes</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="cpu2"></div>

            </div>
            <div class="row-fluid">
                <div id="mem2"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Mi&eacute;rcoles</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="cpu3"></div>

            </div>
            <div class="row-fluid">
                <div id="mem3"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Jueves</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="cpu4"></div>

            </div>
            <div class="row-fluid">
                <div id="mem4"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>Viernes</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="cpu5"></div>
            </div>
            <div class="row-fluid">
                <div id="mem5"></div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
            <h3>S&aacute;bado</h3>
        </div>
        <div class="span10">
            <div class="row-fluid">
                <div id="cpu6"></div>

            </div>
            <div class="row-fluid">
                <div id="mem6"></div>
            </div>
        </div>
    </div>
</div>